<template>

	<view class="notice-container">
		<view class="base-info flex flex-direction align-center">
			<image src="/static/logo.png" mode="widthFix"></image>
			<text class="align-center" v-if="customerServiceUrl==''">建设中，请耐心等待~</text>
		</view>
		<view style="margin-top: 100rpx;">
			<!-- 这里的src就是你要加载的网页链接 -->
			<!-- https://w1022.ttkefu.com/k/linkurl/?t=4G6DGG7 -->
			<web-view :src="customerServiceUrl" v-if="customerServiceUrl!=''"></web-view>
		</view>
	</view>  
</template>

<script setup>
import store from '@/store'
import { ref,computed } from 'vue';
	
const customerServiceUrl = computed(() => {
	let customerServiceUrl = store.state.user?.appInfo?.customerServiceUrl || ''
	return customerServiceUrl
})

</script>

<style lang="scss" scoped>
	.service-container{
		.base-info {
			padding: 40rpx 20rpx 100rpx;
			background-color: #3c9cff;
			color: #fff;
			height: 300rpx;

			image {
				width: 150rpx;
				height: 150rpx;
			}
		}
		&::v-deep{
			.uni-card__content {
				padding: 24rpx;
				font-size: 30rpx;
				color:#898989;
				line-height: 1.6;
				text-indent: 2em;
				p {
					display: -webkit-box !important;
					overflow: hidden;
					text-overflow: ellipsis;
					word-break: break-all;
					-webkit-line-clamp: 2;
					-webkit-box-orient: vertical !important;
				}
			}
			
			.uni-card__header-content-title{
				font-size: 32rpx !important;
				font-weight: bold;
				margin-bottom: 6rpx;
			}
			
			.uni-card__header-content-subtitle{
				font-size: 28rpx !important;
			}
			
			.u-text__value{
				font-size: 30rpx !important;
			}
		}
	}
</style>